<template>
    <div class="myCart">
        <!-- 给header组件传递参数 是否显示编辑按钮 -->
        <Header title="购物车" :edit="true"></Header>
        <CartDetails v-if="isShow" :changShow="changShow"></CartDetails>
        <Blank v-else></Blank>
    </div>
    <Footer></Footer>
</template>

<script setup>
import Footer from '../../components/Footer.vue';
// 引入header组件
import Header from '@/components/Header.vue'

// 引入组件
import Blank from '../../components/Blank.vue';
import CartDetails from './compoents/CartDetails.vue';

import { ref } from 'vue';
let isShow = ref(true)

const changShow = () => {
    isShow.value = false;
}
</script>

<style scoped lang="less">
.myCart {
    height: calc(100% - 60px)
}
</style>
